import React, { Component } from 'react';
import { Container } from './StyleEduhlep';
import { Tabs} from 'antd-mobile'


import Search1 from '@c/search1/Search1'
import Header from '@c/navBar/NavHead';
import Actic from '../eduhlep/Actic'
import Active from './Active'


class Eduhlep extends Component {
    state= {
        navlist: [
            { title: '精选' },
            { title: '活动' },
            { title: '锦囊' },
            { title: '讲师课堂' },
            { title: '课件' }
        ]
    }
    render() {
        return (
            <Container>
                <Header
                title="教学助手"
                ></Header>
                <Tabs tabs={this.state.navlist} initialPage={0} animated={false} useOnPan={false}>
                    <div className="Tabs">
                        <div className="box">
                            <div className='banner'>
                                <img src="http://9z4nm9.natappfree.cc/images/1.png" alt="" />
                                <Search1></Search1>
                            </div>
                            <Actic {...this.props}></Actic>
                        </div>
                    </div>
                    <div className="box">
                        <div className='banner'>
                            <img src="http://9z4nm9.natappfree.cc/images/2.jpg" alt="" />
                            <Search1></Search1>
                        </div>
                        <Active {...this.props}></Active>
                    </div>
                    <div className="box">
                        <div className='banner'>
                            <img src="http://9z4nm9.natappfree.cc/images/3.jpg" alt="" />
                            <Search1></Search1>
                        </div>
                        <Active {...this.props}></Active>
                    </div>
                    <div className="box">
                        <div className='banner'>
                            <img src="http://9z4nm9.natappfree.cc/images/4.jpg" alt="" />
                            <Search1></Search1>
                        </div>
                        <Active {...this.props}></Active>
                    </div>
                    <div className="box">
                        <div className='banner'>
                            <img src="http://9z4nm9.natappfree.cc/images/5.jpg" alt="" />
                            <Search1></Search1>
                        </div>
                        <Active {...this.props}></Active>
                    </div>               
                </Tabs>
            </Container>
        );
    }
}

export default Eduhlep;
